<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<textarea style="height: 500px; width: 200px; float: left; margin: 20px;" id='result'></textarea>
  Tên: <input type="text" id="name"><br>
  Tên đăng nhập: <input type="text" id="name"><br>
  Chat với: <input type="text" id="chatWith"><br>
	Tin nhắn: <input type="text" id='message' style=""><br>

	<input type="button" value="Đăng nhập" onclick="javascript:action(this)">
	<script src="/js/socket.io.min.js"></script>
<script>
function active(e){
  var parent = e.parentNode();
  document.querySelector()
  console.log(e);
}


function action(){
    if(this.value == "Đăng nhập"){
        this.value = "Gửi";

        var socket = io.connect('http://localhost:3001');
        socket.on('success', function (data) {
            var name = document.querySelector('#name').value, userName = document.querySelector('#userName').value;
            result.value += "<br>Đăng nhập thành công";
            socket.emit('login', { name: userName, mgs : userName });
        });
        socket.on('notify', function (data) {
            console.log(data.msg);
            var result = document.querySelector('#result');
            result.value += "<br>"+data.msg;

        });
    }else{
        var text = 	document.querySelector('#message'), chatWith = document.querySelector('#chatWith');
        socket.emit('chat', { to: chatWith, mgs : text.value });
        text.value = '';
    }
}
</script>
</body>
</html>